@color: #CCCCCC;
@padding:5px;
html,body {
    height: 100%;
    min-width: 950px;
}
body,p {
    font-family: 'Noto Sans', sans-serif;
    margin:0;
    padding:0;
}
#content{
    clear:both;
    margin: 10px auto;
    max-width:1400px;
    min-width:1000px;
    width:auto;
}
#header{
   padding:@padding;
   position:fixed;
   width:100%;
   z-index:101;
}
#right-content{
    float:left;
    width:860px;
    margin-left: 420px; 
}
#left-content{
    height:100%;
    //margin-right:35%;
    padding:@padding;
    position:fixed;
    width:35%;
    min-width:320px;
}
ul{
    list-style-type: none; 
    padding-left:1em;
    margin:0;
}
ul.div, .left-content, .right-content{
    margin:0;
}
.block{
    display:block;
    height:25em;
    padding-left:@padding;
}
#block-one{
    background:@color;
}
#block-two{
    background:@color + #111;    
}
form{
    margin:5px;
    select, input{
        margin:5px;   
    }
}
.sample{
    padding:20px;
    h4{
        margin-bottom:5px;
    }
    .drop_zone {
        border: 2px dashed #BBBBBB;
        border-radius: 5px 5px 5px 5px;
        color: #BBBBBB;
        padding: 25px;
        text-align: center;
    }
}

#suggestion-block{
    background: #fff;   
    height:20%;
    margin:40px 0px;
    width:100%;
    p{
        padding:6px;
    }
}
svg{
    height:150px;   
}
.chart{
    background:#FFF;
    height:150px;
    margin:@padding;
    font-size: 10px;
}

.chart rect:hover{
    opacity:0.5;
}
.axis path,
.axis line {
    fill: none;
    stroke: black;
    stroke-width: 1;
    shape-rendering: crispEdges;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

.brush .extent {
  stroke:#fff;
  fill-opacity:.125;
  shape-rendering:crispEdges;
}

.selected {
  fill-opacity: .5;
}

.footer {
    text-align: center;
    padding: 30px 0;
    margin-top: 70px;
    border-top: 1px solid #e5e5e5;
    background-color: #f5f5f5;
    display: block;
}